.header{
    position: relative;
    height: 1164px;
    /* background-color: red; */
    background-size: auto 602px;
    background-image: url(../img/about/background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    /* opacity: 0.7; */
    /* margin-bottom: 70px; */
    background-position: center;
    /* opacity: 0.35; */
   
}
.mask{
    width: 100%;
    height: 1164px;
    overflow: hidden;
    display: inline-block;
    background-color: #000000;
    opacity: 0.3;
}
.mask:hover{
    background-color: none;
    /* opacity: 0.3; */
}
.header .about{
    position: absolute;
    width: 800px;
    height: 845px;
    margin: 0 33%;
    margin-top:-1046px;
    /* background-color: #fff; */
}
.header .about .about-text{
    text-align: left;
    font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    margin-top: 76px;
	/* opacity: 0.6; */
}
.date{
    margin: 0 auto;
    margin-top: 80px;
}
.date-text{
    font-size: 60px;
    line-height: 16px;
    height: 73px;
    float: left;
    padding:0 7%;
    border-right:1px solid gray;
    color: #ffffff;
	opacity: 0.6;
}
.date-text sup{
    font-size: 16px;
    line-height: 16px;
    margin-left: 16px;
}
.date-text .tips{
    font-size: 16px;
    line-height: 16px;
    margin-top: 46px;
	opacity: 0.4;
}
.foot-text{
    /* position: relative; */
    margin-top: 300px;
}
legend{
    margin: 0 auto; 
}
.about .about-img{
    float: left;
}
.foot-text .text-item{
    float: left;
        width: 614px;
        height: 225px;
        font-size: 14px;
        line-height: 30px;
        margin:68px 0 83px 49px;
        color: #ffffff;
        opacity: 0.6;
}